%ion-view(hide-nav-bar="true" cache-view="false")

  %ion-content(overflow-scroll="true" style="overflow: hidden")
    .flex-center.height-100.lockpattern-bg.white
      %ion-spinner(ng-if="preparing" icon="bubbles")
      
      .width-100(ng-show="!preparing")
        .text-right
          %a.padding-30.red(ng-click="goBack()") {{(!log_pattern) ? '暂不设置' : '取 消'}}

        .text-center.margin-bottom-20
          %img.gesture-avatar(src="img/avatar/lock.png")

        .text-center(ng-if="(!log_pattern || reenter) && !confirm && !confirm_mismatch && !not_in_limit")
          %p 请输入新的手势密码
        .text-center(ng-if="loading")
          %p 正在设置您的手势密码，请稍候...
        .text-center(ng-if="log_pattern && !confirm && !reenter && !error")
          %p 请输入您之前的手势密码
        .text-center(ng-if="confirm_mismatch && !confirm")
          %p.assertive.animated.large.shake 两次输入的不一致，请重新输入
        .text-center(ng-if="confirm && !loading")
          %p 请再次确认您的手势密码
        .text-center(ng-if="error")
          %p .assertive.large.animated.shake 输入有误，请重试
        .text-center(ng-if="not_in_limit")
          %p.assertive.animated.large.shake 最少选择4个点
        .text-center(ng-if="gesture_reject_waiting")
          %p.assertive.large 等待{{gesture_reject_waiting}}秒

        .flex-center
          #lockPattern.pattern-holder.patt-holder(ng-hide="gesture_reject_waiting")
